<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>QQ音乐-千万正版音乐海量无损曲库新歌热歌天天畅听的高品质音乐平台！</title>
	<link rel="stylesheet" href="css/base.css" />
	<link rel="stylesheet" href="css/header.css" />
	<link rel="stylesheet" href="css/content.css" />
	<link rel="stylesheet" href="css/footer.css" />
	<link rel="stylesheet" href="css/reset.css" />
</head>
<body>

	<!--             头部                   -->
	<div class="header">
		<div class="nav inner">
			<div class="nav_t">
				<div class="logo">
					<a href="#"><img src="img/logo.png" alt="" /></a>
				</div>
				<div class="top_nav__item">
					<ul>
						<li><a href="#" class="current" title ="音乐馆">音乐馆</a></li>
						<li><a href="#" title="我的音乐">我的音乐</a></li>
						<li><a href="#" title="客户端">客户端</a></li>
						<li><a href="#" title="音乐号">音乐号</a></li>
						<li><a href="#" title="VIP">VIP</a></li>
					
					</ul>
				</div>
				<div class="search">
					<img src=""/>
					<input type="text" placeholder="搜索音乐、MV、歌单、用户" />
					<i></i>
				</div>
				<div class="header_buttons">
					<a href="#" class="sumbit">登录</a>
					<a href="#" class="start">开通绿钻豪华版</a>
					<a href="#" class="pay">开通付费包</a>

				</div>

			
			</div>
			<div class="nav_b">
				<ul>
					<li>
						<a class="current" href="#">首页</a>
					</li>
					<li>
						<a href="#">专辑</a>
					</li>
					<li>
						<a href="#">歌手</a>
					</li>
					<li>
						<a href="#">排行榜</a>
					</li>
					<li>
						<a href="#">分类歌单</a>
					</li>
					<li>
						<a href="#">电台</a>
					</li>
					<li>
						<a href="#">MV</a>
					</li>
					<li>
						<a href="#">数字专辑</a>
					</li>
					
					
				</ul>
			</div>
		</div>
		
	</div>
	<div class="cl"></div>

	<!--              内容                   -->
	<!-- 歌单推荐 -->
	<div class="content">
		<div class="inner">
			<div class="songSheet">
				<div class="songSheet_h">
					<h2><span>歌单推荐</span></h2>
					
					
				</div>

				<div class="songSheet_table">
					<ul>
						<li>
							<a href="#" class="current">为你推荐</a>
						</li>
						<li>
							<a href="#">网络歌曲</a>
						</li>
						<li>
							<a href="#">国语</a>
						</li>
						<li>
							<a href="#">粤语精选</a>
						</li>	
						<li>
							<a href="#">劲爆DJ</a>
						</li>
						<li>
							<a href="#">热门游戏</a>
						</li>
					
					
					</ul>
				</div>
				<div class="songSheet_content">
					<ul id="se1">
						<li>
							<img src="img/汪苏泷.jpg" alt="" />
							<a href="">每日新歌：汪苏泷深情献唱影视插曲</a>
							<span>播放量：1.3万</span>
							<i></i>
						</li>
						<li>
							<img src="img/华晨宇.jpg" alt="" />
							<a href="">「花式摇滚VS峰式摇滚」引爆你压抑的灵魂</a>
							<span>播放量：4416</span>
							<i></i>
						</li>
						<li>
							<img src="img/桥.jpg" alt="" />
							<a href="">古风·儿歌 | 藏剑少爷的学前音乐教材</a>
							<span>播放量：13.6万</span>
							<i></i>
						</li>
						<li>
							<img src="img/姑娘.jpg" alt="" />
							<a href="">冷门电音：无法遗忘的女声诱惑</a>
							<span>播放量：13.5万</span>
							<i></i>
						</li>
						<li class="nomargin">
							<img src="img/女生.jpg" alt="" />
							<a href="">2018年3月华语新歌推荐</a>
							<span>播放量：35.1万</span>
							<i></i>
						</li>

					</ul>
					<ul id="se2" class="hide">
						<li>
							<img src="img/桥.jpg" alt="" />
							<a href="">古风·儿歌 | 藏剑少爷的学前音乐教材</a>
							<span>播放量：13.6万</span>
							<i></i>
						</li>
						<li>
							<img src="img/华晨宇.jpg" alt="" />
							<a href="">「花式摇滚VS峰式摇滚」引爆你压抑的灵魂</a>
							<span>播放量：4416</span>
							<i></i>
						</li>
						<li>
							<img src="img/姑娘.jpg" alt="" />
							<a href="">冷门电音：无法遗忘的女声诱惑</a>
							<span>播放量：13.5万</span>
							<i></i>
						</li>
						<li class="nomargin">
							<img src="img/女生.jpg" alt="" />
							<a href="">2018年3月华语新歌推荐</a>
							<span>播放量：35.1万</span>
							<i></i>
						</li>
						<li>
							<img src="img/汪苏泷.jpg" alt="" />
							<a href="">每日新歌：汪苏泷深情献唱影视插曲</a>
							<span>播放量：1.3万</span>
							<i></i>
						</li>
					</ul>
				</div>
				<div class="songSheet_circles">
					<ol>
						<li class="current"></li>
						<li></li>
					</ol>
				</div>
				<div class="carrousel dujiaBtn">
					<span  class="leftBtn" id="l1"></span>
					<span  class="rightBtn" id="r1"></span>
				</div>

				
			</div>
		</div>
		
	</div>
	<div class="cl"></div>
	<!-- 新歌首发 -->
	<div class="content">
		<div class="inner">
			<div class="songSheet">
				<div class="songSheet_h new">
					<h2><span>新歌首发</span></h2>
				</div>
				<a href="#" class="playall"><i></i>播放全部</a>
				<div class="songSheet_table area">
					<ul>
						<li>
							<a href="#" class="current">内地</a>
						</li>
						<li>
							<a href="#">港台</a>
						</li>
						<li>
							<a href="#">欧美</a>
						</li>
						<li>
							<a href="#">日本</a>
						</li>	
						<li>	
							<a href="#">韩国</a>
						</li>
					</ul>
				</div>
				<div class="newsongs">
					<ul id="se3">
						<li class="first ">
							<img src="img/newdish1.jpg" title ="No One Knows" />
							<a href="#" title="No One Knows 《南方有乔木》电视剧插曲" class="current">No One Knows 《南方有乔木...</a>
							<a href="#" class="songer" title="汪苏泷">汪苏泷</a>
							<span>3:55</span>
						</li>
						<li class="first">
							<img src="img/newdish2.jpg" title ="远大前程" />
							<a href="#" title="远大前程">远大前程</a>
							<a href="#" class="songer" title="南征北战NZBZ">南征北战NZBZ</a>
							<span>3:23</span>
						</li>
						<li class="first">
							<img src="img/newdish3.jpg" title ="想你的一夜" />
							<a href="#" title="想你的一夜">想你的一夜</a>
							<a href="#" class="songer" title="孙子涵">孙子涵</a>
							<span>3:55</span>
						</li>
						<li>
							<img src="img/newdish4.jpg" title ="《北京女子图鉴》网络剧主题曲" />
							<a href="#" title="《北京女子图鉴》网络剧主题曲">送你一匹马 《北京女子...</a>
							<a href="#" class="songer" title="金志文">金志文</a>
							<span>2:56</span>
						</li>
						<li>
							<img src="img/newsong5.jpg" title ="十八岁给我一个姑娘" />
							<a href="#" title="十八岁给我一个姑娘">十八岁给我一个姑娘 《十八岁</a>
							<a href="#" class="songer" title="好妹妹乐队">好妹妹乐队</a>
							<span>4:02</span>
						</li>
						<li>
							<img src="img/newdish6.jpg" title ="《新笑傲江湖》电视剧插曲" />
							<a href="#" title="《新笑傲江湖》电视剧插曲">落花 《新笑傲江湖》电视剧插..</a>
							<a href="#" class="songer" title="李琦">李琦</a>
							<span>3:35</span>
						</li>
						<li>
							<img src="img/newdish7.jpg" title ="Sorry" />
							<a href="#" title="Sorry">Sorry</a>
							<a href="#" class="songer" title="艾福杰尼">艾福杰尼</a>
							<span>5:07</span>
						</li>
						<li>
							<img src="img/newdish8.jpg" title ="我不想哭" />
							<a href="#" title="我不想哭">我不想哭</a>
							<a href="#" class="songer" title="晨曦">晨曦</a>
							<span>4:12</span>
						</li>
						<li>
							<img src="img/newdish9.jpg" title ="花开" />
							<a href="#" title="花开">花开</a>
							<a href="#" class="songer" title="陈粒">陈粒</a>
							<span>3:46</span>
						</li>
						
					</ul>
					<ul id="se4" class="hide">
						<li class="first ">
							<img src="img/newsong1.jpg" title ="No One Knows" />
							<a href="#" title="No One Knows 《南方有乔木》电视剧插曲" class="current">No One Knows 《南方有乔木...</a>
							<a href="#" class="songer" title="汪苏泷">汪苏泷</a>
							<span>3:55</span>
						</li>
						<li class="first">
							<img src="img/newsong2.jpg" title ="远大前程" />
							<a href="#" title="远大前程">远大前程</a>
							<a href="#" class="songer" title="南征北战NZBZ">南征北战NZBZ</a>
							<span>3:23</span>
						</li>
						
						<li>
							<img src="img/newsong5.jpg" title ="十八岁给我一个姑娘" />
							<a href="#" title="十八岁给我一个姑娘">十八岁给我一个姑娘 《十八岁</a>
							<a href="#" class="songer" title="好妹妹乐队">好妹妹乐队</a>
							<span>4:02</span>
						</li>
						<li>
							<img src="img/newsong6.jpg" title ="《新笑傲江湖》电视剧插曲" />
							<a href="#" title="《新笑傲江湖》电视剧插曲">落花 《新笑傲江湖》电视剧插..</a>
							<a href="#" class="songer" title="李琦">李琦</a>
							<span>3:35</span>
						</li>
						<li>
							<img src="img/newsong7.jpg" title ="Sorry" />
							<a href="#" title="Sorry">Sorry</a>
							<a href="#" class="songer" title="艾福杰尼">艾福杰尼</a>
							<span>5:07</span>
						</li>
						<li>
							<img src="img/newsong8.jpg" title ="我不想哭" />
							<a href="#" title="我不想哭">我不想哭</a>
							<a href="#" class="songer" title="晨曦">晨曦</a>
							<span>4:12</span>
						</li>
						<li>
							<img src="img/newsong9.jpg" title ="花开" />
							<a href="#" title="花开">花开</a>
							<a href="#" class="songer" title="陈粒">陈粒</a>
							<span>3:46</span>
						</li>
						<li class="first">
							<img src="img/newsong3.jpg" title ="想你的一夜" />
							<a href="#" title="想你的一夜">想你的一夜</a>
							<a href="#" class="songer" title="孙子涵">孙子涵</a>
							<span>3:55</span>
						</li>
						<li>
							<img src="img/newsong4.jpg" title ="《北京女子图鉴》网络剧主题曲" />
							<a href="#" title="《北京女子图鉴》网络剧主题曲">送你一匹马 《北京女子...</a>
							<a href="#" class="songer" title="金志文">金志文</a>
							<span>2:56</span>
						</li>
					</ul>
				</div>
				<div class="songSheet_circles">
					<ol class="four">
						<li class="current"></li>
						<li></li>
						<li></li>
						<li></li>
					</ol>
				</div>
				<div class="carrousel dujiaBtn">
					<span  class="leftBtn" id="l2"></span>
					<span  class="rightBtn" id="r2"></span>
				</div>

			</div>
		</div>
	</div>
	<div class="cl"></div>
	<!-- 精彩推荐 -->

	<div class="content introduce">
		<div class="inner">
			<div class="songSheet">
				<div class="songSheet_h exclusive">
					<h2><span>精彩推荐</span></h2>
				</div>
				<div class="songSheet_table dujia" id="se5">
					<a href="#"><img src="img/独家张杰.jpg" alt="" /></a>
					<a href="#"><img src="img/独家民谣.jpg" alt="" /></a>
				</div>
				<div class="songSheet_table dujia hide" id="se6">
						<a href="#"><img src="img/独家民谣.jpg" alt="" /></a>
						<a href="#"><img src="img/独家张杰.jpg" alt="" /></a>
				</div>
				<div class="songSheet_circles">
					<ol class="three">
						<li class="current"></li>
						<li></li>
						<li></li>
					</ol>
				</div>
				<div class="carrousel dujiaBtn">
					<span  class="leftBtn" id="l3"></span>
					<span  class="rightBtn" id="r3"></span>
				</div>
			</div>
		</div>
	</div>
	<div class="cl"></div>
	<!-- 新碟首发 -->
	<div class="content dishs">
		<div class="inner">
			<div class="songSheet">
				<div class="songSheet_h dish">
					<h2><span>新碟首发</span></h2>
				</div>
				<a href="#" class="more">更多<span></span></a>
				<div class="songSheet_table area">
					<ul>
						<li>
							<a href="#" class="current">内地</a>
						</li>
						<li>
							<a href="#">港台</a>
						</li>
						<li>
							<a href="#">欧美</a>
						</li>
						<li>
							<a href="#">韩国</a>
						</li>	
						<li>	
							<a href="#">日本</a>
						</li>
					</ul>
				</div>

				<div class="songSheet_content newdish">
					<ul id="se7">
						<li>
							<img src="img/newdish1.jpg" alt="" />
							<a href="">经典咏流传</a>
							<a href="#" title="张杰">张杰</a>
							<i></i>
						</li>
						<li>
							<img src="img/newdish2.jpg" alt="" />
							<a href="">杰姆金属音乐节 live合辑</a>
							<a  href="#" title="华语群星">华语群星</a>
							<i></i>
						</li>
						<li>
							<img src="img/newdish3.jpg" alt="" />
							<a href="">我在诛仙逍遥涧</a>
							<a href="#" title="王俊凯">王俊凯</a>
							<i></i>
						</li>
						<li>
							<img src="img/newdish4.jpg" alt="" />
							<a href="">千世劫</a>
							<a  href="#" title="萌萌哒天团">萌萌哒天团</a>
							<i></i>
						</li>
						<li>
							<img src="img/newdish5.jpg" alt="" />
							<a href="">郝云2016-2017冲动巡演全纪录</a>
							<a  href="#" title="郝云">郝云</a>
							<i></i>
						</li>
						<li>
							<img src="img/newdish6.jpg" alt="" />
							<a href="">永远的我</a>
							<a  href="#" title="陈冰">陈冰</a>
							<i></i>
						</li>
						<li>
							<img src="img/newdish7.jpg" alt="" />
							<a href="">青春不再回</a>
							<a  href="#" title="许华升" >许华升</a>
							<i></i>
						</li><li>
							<img src="img/newdish8.jpg" alt="" />
							<a href="">别样桃花</a>
							<a  href="#" title="徐子崴">徐子崴</a>
							<i></i>
						</li>
						<li>
							<img src="img/newsong9.jpg" alt="" />
							<a href="">给你</a>
							<a  href="#" title="曾缔">曾缔</a>
							<i></i>
						</li>
						<li>
							<img src="img/newdish10.jpg" alt="" />
							<a href="">幸福的弧度</a>
							<a href="#" title="唐一嘉">唐一嘉</a>
							<i></i>
						</li>
				
					</ul>
					<ul id="se8" class="hide">
						<li>
							<img src="img/newdish1.jpg" alt="" />
							<a href="">经典咏流传</a>
							<a href="#" title="张杰">张杰</a>
							<i></i>
						</li>
						<li>
							<img src="img/newdish2.jpg" alt="" />
							<a href="">杰姆金属音乐节 live合辑</a>
							<a  href="#" title="华语群星">华语群星</a>
							<i></i>
						</li>
						<li>
							<img src="img/newdish5.jpg" alt="" />
							<a href="">郝云2016-2017冲动巡演全纪录</a>
							<a  href="#" title="郝云">郝云</a>
							<i></i>
						</li>
						<li>
							<img src="img/newdish6.jpg" alt="" />
							<a href="">永远的我</a>
							<a  href="#" title="陈冰">陈冰</a>
							<i></i>
						</li>
						<li>
							<img src="img/newdish7.jpg" alt="" />
							<a href="">青春不再回</a>
							<a  href="#" title="许华升" >许华升</a>
							<i></i>
						</li><li>
							<img src="img/newdish8.jpg" alt="" />
							<a href="">别样桃花</a>
							<a  href="#" title="徐子崴">徐子崴</a>
							<i></i>
						</li>
						<li>
							<img src="img/newsong9.jpg" alt="" />
							<a href="">给你</a>
							<a  href="#" title="曾缔">曾缔</a>
							<i></i>
						</li>
						<li>
							<img src="img/newdish10.jpg" alt="" />
							<a href="">幸福的弧度</a>
							<a href="#" title="唐一嘉">唐一嘉</a>
							<i></i>
						</li>
						<li>
							<img src="img/newdish3.jpg" alt="" />
							<a href="">我在诛仙逍遥涧</a>
							<a href="#" title="王俊凯">王俊凯</a>
							<i></i>
						</li>
						<li>
							<img src="img/newdish4.jpg" alt="" />
							<a href="">千世劫</a>
							<a  href="#" title="萌萌哒天团">萌萌哒天团</a>
							<i></i>
						</li>			
					</ul>
				</div>
				<div class="songSheet_circles">
					<ol class="four">
						<li class="current"></li>
						<li></li>
						<li></li>
						<li></li>
					</ol>
				</div>
				<div class="carrousel dishBtn hide">
					<span class="leftBtn" id="l4"></span>
					<span  class="rightBtn" id="r4"></span>
				</div>

			</div>
		</div>
	</div>

	<div class="cl"></div>

	<!-- 排行榜 -->

	<div class="content ranks">
		<div class="inner">
			<div class="songSheet">
				<div class="songSheet_h rank">
					<h2><span>排行榜</span></h2>
				</div>
				<a href="#" class="more rankbang">更多<span></span></a>
				<div class="songranks">
					<ul >
						<li class="rank1">
							<h3>
								<a href="#">流行指数</a>
								<span></span>
							</h3>
							<div class="ge">
								<span>1 </span>
								<a href="#">平凡之路</a>
								<a   href="#" class="geshou">朴树</a>
							</div>
							<div class="ge er">
								<span>2 </span>
								<a  href="#">假行僧(live)</a>
								<a  href="#" class="geshou">华晨宇</a>
							</div>
							<div class="ge san">
								<span>3 </span>
								<a  href="#">童话幻灭</a>
								<a  href="#" class="geshou">蒋蒋/王乐乐</a>
							</div>
							<div class="ge si">
								<span>4 </span>
								<a  href="#">和你在一起</a>
								<a  href="#" class="geshou">汪苏泷</a>
							</div>
							
						</li>
						<li  class="rank2">
							<h3>
								<a href="#">热歌</a>
								<span></span>
							</h3>
							<div class="ge">
								<span>1 </span>
								<a href="#">离人愁</a>
								<a   href="#" class="geshou">袁仁杰</a>
							</div>
							<div class="ge er">
								<span>2 </span>
								<a  href="#">体面</a>
								<a  href="#" class="geshou">于文文</a>
							</div>
							<div class="ge san">
								<span>3 </span>
								<a  href="#">白羊</a>
								<a  href="#" class="geshou">徐秉龙/沈以诚</a>
							</div>
							<div class="ge si">
								<span>4 </span>
								<a  href="#">空空如也</a>
								<a  href="#" class="geshou">胡66</a>
							</div>
						</li>
						<li class="rank3">
							<h3>
								<a href="#">新歌</a>
								<span></span>
							</h3>
							<div class="ge">
								<span>1 </span>
								<a href="#">No One Knows</a>
								<a   href="#" class="geshou">汪苏泷</a>
							</div>
							<div class="ge er">
								<span>2 </span>
								<a  href="#">送你一匹马</a>
								<a  href="#" class="geshou">金志文</a>
							</div>
							<div class="ge san">
								<span>3 </span>
								<a  href="#">你不会懂</a>
								<a  href="#" class="geshou">钟欣潼</a>
							</div>
							<div class="ge si">
								<span>4 </span>
								<a  href="#">想你一整夜</a>
								<a  href="#" class="geshou">孙子涵</a>
							</div>
						</li>
						<li class="rank4">
							<h3>
								<a href="#">欧美</a>
								<span></span>
							</h3>
							<div class="ge">
								<span>1 </span>
								<a href="#">Everybody Hates Me</a>
								<a   href="#" class="geshou">The Chainsmokers</a>
							</div>
							<div class="ge er">
								<span>2 </span>
								<a  href="#">Strawberries&amp;Ciga...</a>
								<a  href="#" class="geshou">Troye Sivan</a>
							</div>
							<div class="ge san">
								<span>3 </span>
								<a  href="#">Done For Me</a>
								<a  href="#" class="geshou">Charlie Puth/Kehlani</a>
							</div>
							<div class="ge si">
								<span>4 </span>
								<a  href="#">Remind Me to Forget</a>
								<a  href="#" class="geshou">Kygo/Miguel</a>
							</div>
						</li>
						<li class="nomargin rank5">
							<h3>
								<a href="#">韩国</a>
								<span></span>
							</h3>
							<div class="ge">
								<span>1 </span>
								<a href="#">Look</a>
								<a   href="#" class="geshou">GOT7 (갓세븐)</a>
							</div>
							<div class="ge er">
								<span>2 </span>
								<a  href="#">LOVE SCENARIO (사...</a>
								<a  href="#" class="geshou">iKON (아이콘)</a>
							</div>
							<div class="ge san">
								<span>3 </span>
								<a  href="#">뿜뿜 (BBoom BBoom...</a>
								<a  href="#" class="geshou">모모랜드 (MOMO...</a>
							</div>
							<div class="ge si">
								<span>4 </span>
								<a  href="#">별이 빛나는 밤(Star...</a>
								<a  href="#" class="geshou">MAMAMOO (마마무)</a>
							</div>
						</li>

					</ul>
				</div>
			</div>	
		</div>
	</div>

	<div class="cl"></div>

	<!-- MV -->
	<div class="content MVs">
		<div class="inner">
			<div class="songSheet">
				<div class="songSheet_h MV">
					<h2><span>MV</span></h2>
				</div>
				<div class="songSheet_table MV_content">
					<ul>
						<li>
							<a href="#" class="current">精选</a>
						</li>
						<li>
							<a href="#">内地</a>
						</li>
						<li>	
							<a href="#">韩国</a>
						</li>
						<li>
							<a href="#">港台</a>
						</li>
						<li>
							<a href="#">欧美</a>
						</li>
						<li>
							<a href="#">日本</a>
						</li>	
						
					</ul>
				</div>


				<div class="songSheet_content Mvideo">
					<ul id="se9">
						<li>
							<img src="img/mv1.png" alt="" />
							<a href="" title="披头士来了！－披头士乐队中国全曲库上线发行特别策划－ (Vol.2 被Beatles哪首歌一耳钟情？)">披头士来了！－披头士乐队中国...</a>
							<a href="#" class="geshou" title="The Beatles">The Beatles</a>
							<i></i>
							<p><span></span>&nbsp;9536</p>
						</li>
						<li>
							<img src="img/mv2.png" alt="" />
							<a href="" title = "最好的快要发生">最好的快要发生</a>
							<a href="#" class="geshou" title="马天宇">马天宇</a>
							<i></i>
							<p><span></span>&nbsp;6925</p>
						</li>
						<li>
							<img src="img/mv3.png" alt="" />
							<a href="" title="十八岁给我一个姑娘 (《十八岁给我一个姑娘》电视剧同名主题曲)">十八岁给我一个姑娘 (《十八岁..</a>
							<a href="#" class="geshou" title="好妹妹乐队">好妹妹乐队</a>
							<i></i>
							<p><span></span>&nbsp;3.5万</p>
						</li>
						<li>
							<img src="img/mv4.png" alt="" />
							<a href="" title="你不会懂 (网剧《动物系恋人啊》片尾特別指定曲)">你不会懂 (网剧《动物系恋人..</a>
							<a href="#" class="geshou" title="钟欣潼">钟欣潼</a>
							<i></i>
							<p><span></span>&nbsp;2.9万</p>
						</li>
						<li class="nomargin">
							<img src="img/mv5.png" alt="" />
							<a href="" title="爱了很久的朋友 (《后来的我们》电影插曲)">爱了很久的朋友 (《后来的我...</a>
							<a href="#" class="geshou" title="田馥甄">田馥甄</a>
							<i></i>
							<p><span></span>&nbsp;1.5万</p>
						</li>
						<li>
							<img src="img/mv6.png" alt="" />
							<a href="" title = "明星">明星</a>
							<a href="#" class="geshou" title="胡彦斌">胡彦斌</a>
							<i></i>
							<p><span></span>&nbsp;1万</p>
						</li>
						<li>
							<img src="img/mv7.png" alt="" />
							<a href="" title = "远大前程 (《远大前程》电视剧同名主题曲)">远大前程 (《远大前程》电视...</a>
							<a href="#" class="geshou" title="南征北战NZBZ">南征北战NZBZ</a>
							<i></i>
							<p><span></span>&nbsp;1.5万</p>
						</li>
						<li>
							<img src="img/mv8.png" alt="" />
							<a href="" title = "Say I Do">Say I Do</a>
							<a href="#" class="geshou" title="弦子">弦子</a>
							<i></i>
							<p><span></span>&nbsp;2.1万</p>
						</li>
						<li>
							<img src="img/mv9.png" alt="" />
							<a href="" title = "因为遇见你2018版 (《遇见你真好》电影片尾曲)">因为遇见你2018版 (《遇见你..</a>
							<a href="#" class="geshou" title="王源">王源</a>
							<i></i>
							<p><span></span>&nbsp;3.1万</p>
						</li>
						<li class="nomargin">
							<img src="img/mv10.png" alt="" />
							<a href="" title = "红烧肉">红烧肉</a>
							<a href="#" class="geshou" title="王蓉">王蓉</a>
							<i></i>
							<p><span></span>&nbsp;1.3万</p>
						</li>
						
					</ul>
					<ul id="se10" class="hide">
						<li>
							<img src="img/mv9.png" alt="" />
							<a href="" title = "因为遇见你2018版 (《遇见你真好》电影片尾曲)">因为遇见你2018版 (《遇见你..</a>
							<a href="#" class="geshou" title="王源">王源</a>
							<i></i>
							<p><span></span>&nbsp;3.1万</p>
						</li>
						<li class="nomargin">
							<img src="img/mv10.png" alt="" />
							<a href="" title = "红烧肉">红烧肉</a>
							<a href="#" class="geshou" title="王蓉">王蓉</a>
							<i></i>
							<p><span></span>&nbsp;1.3万</p>
						</li>
						
						<li>
							<img src="img/mv1.png" alt="" />
							<a href="" title="披头士来了！－披头士乐队中国全曲库上线发行特别策划－ (Vol.2 被Beatles哪首歌一耳钟情？)">披头士来了！－披头士乐队中国...</a>
							<a href="#" class="geshou" title="The Beatles">The Beatles</a>
							<i></i>
							<p><span></span>&nbsp;9536</p>
						</li>
						<li>
							<img src="img/mv2.png" alt="" />
							<a href="" title = "最好的快要发生">最好的快要发生</a>
							<a href="#" class="geshou" title="马天宇">马天宇</a>
							<i></i>
							<p><span></span>&nbsp;6925</p>
						</li>
						<li>
							<img src="img/mv3.png" alt="" />
							<a href="" title="十八岁给我一个姑娘 (《十八岁给我一个姑娘》电视剧同名主题曲)">十八岁给我一个姑娘 (《十八岁..</a>
							<a href="#" class="geshou" title="好妹妹乐队">好妹妹乐队</a>
							<i></i>
							<p><span></span>&nbsp;3.5万</p>
						</li>
						<li>
							<img src="img/mv4.png" alt="" />
							<a href="" title="你不会懂 (网剧《动物系恋人啊》片尾特別指定曲)">你不会懂 (网剧《动物系恋人..</a>
							<a href="#" class="geshou" title="钟欣潼">钟欣潼</a>
							<i></i>
							<p><span></span>&nbsp;2.9万</p>
						</li>
						<li class="nomargin">
							<img src="img/mv5.png" alt="" />
							<a href="" title="爱了很久的朋友 (《后来的我们》电影插曲)">爱了很久的朋友 (《后来的我...</a>
							<a href="#" class="geshou" title="田馥甄">田馥甄</a>
							<i></i>
							<p><span></span>&nbsp;1.5万</p>
						</li>
						<li>
							<img src="img/mv6.png" alt="" />
							<a href="" title = "明星">明星</a>
							<a href="#" class="geshou" title="胡彦斌">胡彦斌</a>
							<i></i>
							<p><span></span>&nbsp;1万</p>
						</li>
						<li>
							<img src="img/mv7.png" alt="" />
							<a href="" title = "远大前程 (《远大前程》电视剧同名主题曲)">远大前程 (《远大前程》电视...</a>
							<a href="#" class="geshou" title="南征北战NZBZ">南征北战NZBZ</a>
							<i></i>
							<p><span></span>&nbsp;1.5万</p>
						</li>
						<li>
							<img src="img/mv8.png" alt="" />
							<a href="" title = "Say I Do">Say I Do</a>
							<a href="#" class="geshou" title="弦子">弦子</a>
							<i></i>
							<p><span></span>&nbsp;2.1万</p>
						</li>
						
					</ul>
				</div>

				<div class="songSheet_circles">
					<ol class="four">
						<li class="current"></li>
						<li></li>
						<li></li>
						<li></li>
					</ol>
				</div>
				<div class="carrousel dishBtn hide">
					<span class="leftBtn" id="l5"></span>
					<span  class="rightBtn" id="r5"></span>
				</div>
			</div>
		</div>
	</div>
	<div class="cl"></div>

	<!--                   尾部             -->
	<div class="footer">
		<div class="inner">
			<div class="footer_h">
				<div class="info client">
					<h3>下载QQ音乐客户端</h3>
					<ul>
						<li>
							<a href="#" class="pc current">	<span>Pc版</span></a>
						
						</li>
						<li>
							<a href="#"  class="mac"><span>Mac版</span></a>
							
						</li>
						<li>
							<a href="#"  class="android"><span>Android版</span></a>
							
						</li>
						<li>
							<a href="#"  class="iphone"><span>iPhone版</span></a>
							
						</li>
					</ul>
				</div>



				<div class="info client  special">
						<h3>特色产品</h3>
						<ul>
							<li >
								<a href="#"  class="kge"><span>全民K歌</span></a>
							</li>
							<li >
								<a href="#"  class="super"><span>Super Sound</span></a>
							</li>
							<li >
								<a href="#"  class="Qp"><span>QPlay</span></a>
							</li>
							<li  class="none"><a href="#"><span>车载互联</span></a></li>
							<li  class="none"><a href="#"><span>QQ演出</span></a></li>
							
						</ul>
				</div>
				<div class="info client nomargin links">
					<h3>合作链接</h3>
					<ul>
						<li><a href="#">CJ E&amp;M</a></li>
						<li><a href="#">腾讯视频</a></li>
						<li><a href="#">手机QQ空间</a></li>
						<li><a href="#">最新版QQ</a></li>
						<li><a href="#">腾讯社交广告</a></li>
						<li><a href="#">电脑管家</a></li>
						<li><a href="#">QQ浏览器</a></li>
						<li><a href="#">腾讯微云</a></li>
						<li><a href="#">腾讯云</a></li>
						<li><a href="#">企鹅FM</a></li>
						<li><a href="#">智能电视网</a></li>
						<li><a href="#">当贝市场</a></li>
					</ul>

				</div>
			</div>
				
			<div class="cl"></div>
			<div class="footer_platform">
				<h3>开放平台</h3>
				<ul>
					<li><a href="#">腾讯音乐人平台</a></li>
					<li><a href="#">音乐号认证</a></li>
					<li><a href="#">上传视频</a></li>
					<li><a href="#">上传音频</a></li>
				</ul>
			</div>
			<div class="footer_copyright">
				<p>
						<a href="#">关于腾讯</a> |
						<a href="#">About Tencent</a> |
						<a href="#">服务条款</a> |
						<a href="#">用户服务协议</a> |
						<a href="#">隐私政策</a> |
						<a href="#">权利声明</a> |
						<a href="#">广告服务</a> |
						<a href="#">腾讯招聘</a> |
						<a href="#">客服中心</a> |
						<a href="#">网站导航</a> |
					
				</p>
				<p>Copyright © 1998 - 2018 Tencent. by <a href="#">Cty</a><a href="#">All Rights Reserved.</a></p>
				<p>腾讯公司 
					<a href="#">版权所有</a>
					<a href="#">腾讯网络文化经营许可证</a>
				</p>
			</div>
		</div>
	</div>
 <script src="js/jq.js"></script>
<script>
	$('.content').mouseover(function(){
		$('.carrousel').show(1500)
	})
	$('.content').mouseout(function(){
		$('.carrousel').hide(1500)
	})
	$('#l1').click(function(){
		$('#se1').toggle(1600)
		$('#se2').toggle(1600)
	})
	$('#r1').click(function(){
		$('#se2').toggle(1600)
		$('#se1').toggle(1600)
	})
	$('#l2').click(function(){
		$('#se3').toggle(1600)
		$('#se4').toggle(1600)
	})
	$('#r2').click(function(){
		$('#se4').toggle(1600)
		$('#se3').toggle(1600)
	})
	$('#l3').click(function(){
		$('#se5').toggle(1600)
		$('#se6').toggle(1600)
	})
	$('#r3').click(function(){
		$('#se6').toggle(1600)
		$('#se5').toggle(1600)
	})
	$('#l4').click(function(){
		$('#se7').toggle(1600)
		$('#se8').toggle(1600)
	})
	$('#r4').click(function(){
		$('#se8').toggle(1600)
		$('#se7').toggle(1600)
	})
	$('#l5').click(function(){
		$('#se9').toggle(1600)
		$('#se10').toggle(1600)
	})
	$('#r5').click(function(){
		$('#se10').toggle(1600)
		$('#se9').toggle(1600)
	})
</script>

</body>
</html>